<script setup lang="ts">
defineProps<{
  modelValue: number
}>()
const emit = defineEmits<{
  (e: 'update:modelValue', value: number): void
}>()
</script>

<template>
  <div class="cpcount-page">
    <button @click="emit('update:modelValue',modelValue-1)">-</button>

<span>{{modelValue}}</span>
    <button @click="emit('update:modelValue',modelValue+1)">+</button>

  </div>
</template>

<style lang="scss" scoped></style>
